<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>javascript-在线翻译</title>
    <link rel="stylesheet" href="css/style.css" class="">
</head>
<body>

<header>
    <div class="container">
        <div class="content-top">
            <h1>翻译</h1>
            <p>中英互译</p>
        </div>
    </div>
</header>
<main>
    <div class="container">
        <div class="content-bottom">
            <div class="top">
                <div class="left clearfix" id="btn_if" role="group" aria-label="Basic example">
                    <button type="button" class="btn btn-primary" disabled = "disabled">中文</button>
                    <button type="button" class="btn btn-light" disabled = "disabled">英语</button>
                </div>
                <div class="zhong">
                    <button type="button" class="btn btn-secondary btn-block" id="btn_swap" onclick="lan()">
                        <img src="img/tu_03.png" alt="" class="">
                    </button>
                </div>
                <div class="right" id="btn_that" role="group" aria-label="Basic example">
                    <button type="button" class=" btn btn-primary" disabled = "disabled">英语</button>
                    <button type="button" class=" btn btn-light" disabled = "disabled">中文</button>
                </div>
            </div>
            <div class="center">
                <textarea type="text" class="q" placeholder="" id="text_if"></textarea>
                <textarea type="text" placeholder="翻译" class="w" id="text_that"></textarea>
            </div>
            <div class="bottom">
                <button class="btn btn-priamy btn-block btn-lg"  onclick="res()" id="btn_res">翻译</button>
            </div>
        </div>
    </div>
</main>




</body>
<script src="js/script.js"></script>


</html>